$(document).ready(function(){                    
    var canvas = document.getElementById('canvas');
    var stage = new JTopo.Stage(canvas);
    //显示工具栏
    showJTopoToobar(stage);
    var scene = new JTopo.Scene();
    stage.frames = 24;
    scene.background = './img/bg.jpg';
    stage.add(scene);
    
    function create_node(x, y, name){
        var node = new JTopo.CircleNode(name);
        node.radius = 20;
        node.fillColor = JTopo.util.randomColor();
        node.setLocation(x, y);
        scene.add(node);
        return node;
    }
    
    var nodes = [];
    for(var i=0; i<5; i++){    
        var node = create_node(480, 200, 'node_'+ i);
        scene.add(node);                
        nodes.push(node);
    }
    
    // 连线
    var links = [];
    for(var i=1; i<nodes.length; i++){
        var link = new JTopo.Link(nodes[i-1], nodes[i]);
        scene.add(link);
        links.push(link);
    }
        
    // 弹性效果（引力、摩擦系数)
    var effect = JTopo.Effect.spring({
        grivity: 9, // 引力大小
        spring: 0.4, // 弹性系数
        friction: 0.3 // 摩擦系数
    })
    
	// 效果作用对象
    for(var i=1; i<nodes.length; i++){
        effect.addNode(nodes[i-1], nodes[i]);
    }    
    
    // 播放
    effect.play();
});